﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true"
    CodeBehind="EasyInputTable.aspx.cs" Inherits="EasyUI.Controls.InputDataTable" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>ShowDataTable Control </title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="controlHeader">
        ShowDataTable Control</div>
    <div>
        <div class="controlDemo">
            <span>Demo:</span>
            <table class="easyInputTable" style="width: 99%">

                    <tr>
                        <td>
                            Field1
                        </td>
                        <td>
                            <input type="text" class="easyTextbox" style="width:300px;" watermark="Please input your Name" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Field2
                        </td>
                        <td>
                            <input type="button" class="easyButton" value="Confirm" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Field3
                        </td>
                        <td>
                            <div class="easyTab" style="width: 400px;">
                                <span class="curSimpleTab">TAB1</span>
                                <div>
                                    Content of TAB1</div>
                                <span>TAB2</span>
                                <div>
                                    Content of TAB2</div>
                            </div>
                        </td>
                    </tr>

            </table>
        </div>
        <div class="controlDemo">
            <span>Source Code: </span>

            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
                     <table class="easyInputTable">
                        <tbody>
                            <tr>
                                <td>...</td>
                                <td>...</td>
                            </tr>
                             <tr>
                                <td>...</td> 
                                <td>...</td>
                            </tr>
                        </tbody>
                     </table>
                 ]]></script>

        </div>
        <div class="controlDemo">
            <span>How to use:</span>
            <ol>
                <li>Add base files to your page: reset.css; core.css; core.js. <a href='#'>[DownLoad]</a>
                </li>
                <li>Apply class [easyInputTable] to your table tag</li>
            </ol>
        </div>
        <div class="controlDemo">
            <span>Note</span>
            <ol>
                <li>Base on JQuery <a href='#'>[DownLoad]</a></li>
                <li>Browser: IE7.0+; Fiefox2.0+; Opera9.0+</li>
                <li>OS: Windows; Mac; Linux</li>
            </ol>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptPlaceHolder" runat="server">
</asp:Content>
